


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>文件管理系统</title>
	<link rel="stylesheet" href="./Tpl/css/bootstrap.min.css">
	<style type="text/css">
		.ZT{width: 900px;height: 720px;margin: 0 auto;margin-top: 30px;background: rgba(51,122,183,0.5);}/* #BFE7F2 */
		.filebox{
			width: 100px;
			height: 35px;
			margin: 10px 2px 0px 10px;
			display: inline-block;
		    background: #337AB7;/* #D0EEFF */
		    border: 1px solid #99D3F5;
		    border-radius: 4px;
		    padding: 4px 12px;
		    overflow: hidden;
		    color: #fff;
		    text-decoration: none;
		    font-size: 16px;
		    text-align: center;
		    text-indent: 0;
		    line-height: 27px;
			position: relative;

		}
		.fileboxs{
			width: 60px;
			height: 35px;
			margin: 10px 2px 0px 5px;
			display: inline-block;
		    background: #337AB7;
		    border: 1px solid #99D3F5;
		    border-radius: 4px;
		    padding: 4px 12px;
		    overflow: hidden;
		    color: #fff;/* #1E88C7 */
		    text-decoration: none;
		    font-size: 16px;
		    text-align: center;
		    text-indent: 0;
		    line-height: 27px;
			position: relative;	
		}
		.filebox input{
			width: 100px;
			height: 60px;
			position: absolute;
		    left: 0;
		    top: 0;
		    opacity: 0;
		    cursor: pointer;
		} 
		.fileboxs input{
			width: 70px;
			height: 40px;
			position: absolute;
		    left: 0;
		    top: 0;
		    opacity: 0;
		    cursor: pointer;
		}
		.tabbox{
			width: 899px;height: 600px;
			background: rgba(252,248,227,0.7);    /* ssss#D7EC94 252,248,227,0.7*/
			border:1px solid #C3C3C3;
		}
		.tabbox table{
			text-align: center;
			width: 899px;
			height: 100%;
		}
		.tabbox tr{
			height: 35px;
		}
		.tabbox table .trBT{
			font-size: 16px;
			color: #B3AFAF;
		}
		.form1{
			height: 50px;
			margin-bottom: 6px;
		}
		.tabbox a{
			width: 50px;
			height: 30px;
			position: absolute;
			left: 15px;
			top: 13px;
			line-height: 30px;
			border-radius: 4px;
			text-decoration: none;
		}
		.tda1{
			position: relative;
		}
		.tda2{
			position: relative;
		}
		.tabboxa1{
			font-size: 14.5px;
			color: 	#fff;/* #FFAEC9 */
			background: #337AB7;
		}
		.tabboxa2{
			font-size: 14.5px;
			color: #fff;/* #E21515 */
			background: #FF7F27;
		}
		#imgtd img{
			width: 40px;
			height: 40px;
		}
		.navigation{
			margin: 0 auto;
			width: 900px;
			position: relative;
			right: 0px;
		}
		.pagination{
			position: absolute;
			left: 645px;
		}
	</style>

</head>
<body>
	<div class="ZT">
		<form class='form1' action="./upload.php" method="POST" enctype="multipart/form-data">
			<div class="filebox">选择文件
				<input type="file" name='file'>
			</div>
			<div class="fileboxs">上传
				<input type="submit" value="上传">
			</div>
		</form>
		<form action="">
			<div class="tabbox">
				<table>
					<tr class="trBT">
						<td>图片</td>
						<td>名字</td>
						<td>上传时间</td>
						<td>大小</td>
						<td>下载</td>
						<td>删除</td>
					</tr>
				<?php foreach ($arr as $k => $v){ ?>
					<tr>
						<td id='imgtd'><?php echo IMG($v); ?></td>
						<!-- <img width="40" height="40" src="<?php echo $v ?>" alt=""> -->	  
						<td><?php echo MZ($v); ?></td>   <!-- basename() 函数返回路径中的文件名部分 -->
						<td><?php echo date("Y-m-d H:i:s",filemtime($v)) ?></td> <!-- filemtime() 函数返回文件内容上次的修改时间 -->
						<td><?php echo CF(filesize($v)) ?></td>
						<td class="tda1"><a class='tabboxa1' href="./down.php?id=<?php echo $k ?>">下载</a></td>
						<td class="tda2"><a class='tabboxa2' href="./del.php?id=<?php echo $k ?>">删除</a></td>
					</tr>		
				<?php } ?>
				</table>
			</div>
			<div class="navbox">
				<nav aria-label="Page navigation">
				  <ul class="pagination">
				    <li>
				      <a href="#" aria-label="Previous">
				        <span aria-hidden="true">&laquo;</span>
				      </a>
				    </li>
				    <li><a href="#">1</a></li>
				    <li><a href="#">2</a></li>
				    <li><a href="#">3</a></li>
				    <li><a href="#">4</a></li>
				    <li><a href="#">5</a></li>
				    <li>
				      <a href="#" aria-label="Next">
				        <span aria-hidden="true">&raquo;</span>
				      </a>
				    </li>
				  </ul>
				</nav>
			</div>
		</form>







	</div>
</body>
</html>